<div class="box" style="height: calc( 100vh - 50px );overflow-y: scroll;">
    <span (click)="goBack()" style="position: absolute;top: 0;"> <返回 </span>
    <p class="prepare">等待买家付款</p>
    <div class="adress">
        <p><span>陈先生</span>&nbsp;86-10086123456</p>
        <p>江西省&nbsp;&nbsp;南昌市&nbsp;&nbsp;青山湖区&nbsp;&nbsp;蛟桥镇</p>
        <p>江西财经大学枫林园校区</p>
    </div>


    <div class="spxx" >
        <div  class="spmiaos"  *ngFor="let cart of CartList">
            <div class="spimage">
                <img src="{{cart?.goods?.get('goodsImg')}}"/>
            </div>
            <div  class="spifmation">
                <div class="goodsname">{{cart?.goods?.get('goodsName')}}</div>
                <div class="goodsfk">{{cart?.goods?.get('goodsDetail')}}</div>
                <div class="cous">×{{cart.count}}</div>
            </div>
        </div>

        <div class="gdprice"  *ngFor="let cart of CartList">
            <div class="prices">
                <Ul>
                    <li>商品总价</li>
                    <li>运费</li>
                    <li>运费险</li>
                    <li>需付款</li>
                </Ul>
            </div>
            <div class="numprice">
                <Ul>
                    <li>￥：{{cart?.goods?.get('goodsPrice')}}</li>
                    <li>￥：0</li>
                    <li>￥：0</li>
                    <li style="color: red;font-weight: 700;">￥：{{cart?.goods?.get('goodsPrice')}}</li>
                </Ul>
            </div>
        </div>
        <div class="gdprice2"  *ngFor="let cart of CartList">
            <div class="prices2">
                <Ul>
                    <li>订单编号</li>
                    <li>交易快照</li>
                    <li>交易号</li>
                    <li>创建时间</li>
                </Ul>
            </div>
        <div class="numprice2">
            <Ul>
                <li>3423041424605753927</li>
                <li>发生交易争议时，可作为判断依据></li>
                <li>2021595995959595992</li>
                <li>{{ currentDate | date:'yyyy-MM-dd HH:mm:ss' }}</li>
            </Ul>
        </div>
    </div>
    <div class="fwbz1">
        <div class="fwbz2">
            <ul>
                <li>品质保证</li>
                <li>7天无理由退货</li>
            </ul>
        </div>
        <div class="fwbz3">
            <ul>
                <li>查看服务></li>
                <li>查看服务></li>
            </ul>
        </div>
    </div>
    
    <div class="lxkf">
        <p>遇到问题？</p>
        <div class="lxkffk">联系卖家</div>
    </div>

    <ion-tabs  style="pointer-events: none;">
        <ion-tab-bar style="pointer-events: all;z-index:100;">
            <div class="xgdz">
                <ion-tab-button routerLink="/intelligent-shopping/category">
                    修改地址
                </ion-tab-button>
            </div>
            <div class="xgdz">
                <ion-tab-button routerLink="/intelligent-shopping/shoppingcart" >
                    找朋友付钱
                </ion-tab-button>
            </div>
            <div class="jxfk">
                <ion-button id="present-alert" (click)="pay()">付款</ion-button>
                <!-- <ion-tab-button routerLink="/intelligent-shopping/my"></ion-tab-button> -->
                <ion-alert
                trigger="present-alert"
                message="付款成功"
                [buttons]="alertButtons"
                ></ion-alert>
                
            </div>

            <!-- <div class="jxfk">
                <ion-tab-button routerLink="/intelligent-shopping/my">
                    继续付款
                </ion-tab-button>
            </div> -->
        </ion-tab-bar>
    </ion-tabs>
</div>
